<template>
  <!-- 旅游攻略首页 -->
  <section class="tourism">
    <!-- 左侧 -->
    
    <!-- 右侧 -->
    <div class="tourismRight">
      <!-- 搜索 -->
      <div>
        <postSearch></postSearch>
      </div>
      
      <!-- 文章列表头部 -->
      
      <!-- 文章列表 -->
      <div class="articleList">
        <RecommendList :searchData="newData" />

      </div>

    </div>

    <div class="tourismLeft">
      <div>
      <IndexLeft></IndexLeft>
      </div>
      
    </div>

  </section>
</template>

<script>
import IndexLeft from "@/components/post/indexLeft.vue";
import postSearch from "@/components/post/postSearch.vue";
import RecommendList from "@/components/post/RecommendList.vue";
export default {
  components: {IndexLeft,postSearch,RecommendList,
  },
  data(){
        return {
        }
    },
  methods: {
    sendData(newData) {
      this.newData = newData;
    },
    sendTotal(newTotal) {
      this.newTotal = newTotal;
    },
  },
};
</script>

<style lang="less" scoped>
.tourism {
  width: 1000px;
  margin: 0 auto;
  display: flex;
  margin-top: 24px;

  //  左侧区域
  .tourismLeft {
    width: 260px;
    box-sizing: border-box;
  }
  // 右侧区域
  .tourismRight {
    width: 700px;
    margin-right: 40px;

  }
}
</style>
